<?php
/**
 * Created by PhpStorm.
 * User: Sky
 * Date: 16/1/26
 * Time: 下午8:27
 */

use yii\helpers\Url;

$web = Url::to("@web");
$img = Url::to("@web/img/temp");
//$img = "http://dorabox-10018656.file.myqcloud.com/temp";

$link = Url::home(true) . '/';


?>

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <title>朵拉商城</title>
    <link type="text/css" href="<?= $web ?>/css/swiper.min.css" rel="stylesheet">
    <link type="text/css" href="<?= $web ?>/css/home/home.css" rel="stylesheet"/>
    <script type="text/javascript" src="<?= $web ?>/js/jquery.js"></script>
    <script type="text/javascript" src="<?= $web ?>/js/swiper.min.js"></script>
    <script type="text/javascript" src="<?= $web ?>/js/jquery.lazyload.min.js"></script>
    <script type="application/javascript">
        $(document).ready(function () {
            var w = $(document).width();
            if (w > 640) {
                w = 640;
            }
            $("body").css("font-size", w * 20 / 320);
            $("html").css("font-size", w * 20 / 320);

            $("img").each(function () {
                var src = $(this).attr("data-original");
                $(this).attr("src", src);
            });
//            $("img").lazyload({
//                failure_limit : 20,
//                placeholder: "images/loading.gif",
//                effect: "fadeIn"
//            });


        });

        function link(href) {
            window.location.href = "<?= $link ?>" + href;
        }
        function link_full(href) {
            window.location.href = href;
        }
        function link_5cell(type, id) {
            var href = "<?= $link ?>";
            if (type == 1) {
                href = href + 'wx-biz/card-detail?id=' + id;
            }
            if (type == 2) {
                href = href + 'wx-bag/goods-custom-list?bag_id=' + id;
            }
            window.location.href = href;
        }
    </script>
</head>
<body style="font-size: 20px;">
<div class="main">
    <!--banner-->
    <img src="" data-original="<?= $img ?>/t-000.jpg" class="t-000">
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <?php
            foreach ($banners as $banner) {
                ?>
                <div class="swiper-slide">
                    <img src="<?= $img ?>/t-00.png" class="t-00"
                         onclick="link_full('<?= $banner['ADDURL'] ?>')">
                </div>
                <?php
            }
            ?>
            <!-- <div class="swiper-slide">
                <img src="" data-original="<? /*= $img */ ?>/t-00.jpg" class="t-00" onclick="link('special/dragon-ball')">
            </div>
            <div class="swiper-slide">
                <img src="" data-original="<? /*= $img */ ?>/t-00.jpg" class="t-00" onclick="link('special/dragon-ball')">
            </div>-->
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
        <img src="" data-original="<?= $img ?>/t-101.png" class="t-101">
    </div>
    <img src="" data-original="<?= $img ?>/t-10.png" class="t-10">
    <!--longzhu-->
    <div class="t-2-frame">
        <div class="t-2-content">
            <img src="" data-original="<?= $img ?>/t-20.png"
                 onclick="link('wx-bag/goods-custom-list?bag_id=1001G210000000000U48')">
            <img src="" data-original="<?= $img ?>/t-21.png"
                 onclick="link('wx-bag/goods-custom-list?bag_id=1001G210000000000U4C')">
            <img src="" data-original="<?= $img ?>/t-22.png"
                 onclick="link('wx-bag/goods-custom-list?bag_id=1001G210000000000UWV')">
            <img src="" data-original="<?= $img ?>/t-23.png"
                 onclick="link('wx-bag/goods-custom-list?bag_id=1001G210000000000UX1')">
            <img src="" data-original="<?= $img ?>/t-24.png"
                 onclick="link('wx-bag/goods-custom-list?bag_id=1001G210000000000UX6')">
            <img src="" data-original="<?= $img ?>/t-25.png"
                 onclick="link('wx-bag/goods-custom-list?bag_id=1001G210000000000UXC')">
            <img src="" data-original="<?= $img ?>/t-26.png"
                 onclick="link('wx-bag/goods-custom-list?bag_id=1001G210000000000UXP')">
        </div>
    </div>

    <img src="" data-original="<?= $img ?>/t-30.png" class="t-30">
    <!--5cell-->
    <div class="t-4-frame">
        <div class="t-40-frame">
            <img src="" data-original="<?= $cell5[0]['IMGURL'] ?>"
                 onclick="link_5cell(<?= $cell5[0]['GOODSTYPE'] ?>,'<?= $cell5[0]['GOODSID'] ?>')">
            <img src="" data-original="<?= $cell5[1]['IMGURL'] ?>"
                 onclick="link_5cell(<?= $cell5[1]['GOODSTYPE'] ?>,'<?= $cell5[1]['GOODSID'] ?>')">
        </div>
        <img src="" data-original="<?= $cell5[2]['IMGURL'] ?>" class="t-41"
             onclick="link_5cell(<?= $cell5[2]['GOODSTYPE'] ?>,'<?= $cell5[2]['GOODSID'] ?>')">
        <div class="t-42-frame">
            <img src="" data-original="<?= $cell5[3]['IMGURL'] ?>"
                 onclick="link_5cell(<?= $cell5[3]['GOODSTYPE'] ?>,'<?= $cell5[3]['GOODSID'] ?>')">
            <img src="" data-original="<?= $cell5[4]['IMGURL'] ?>"
                 onclick="link_5cell(<?= $cell5[4]['GOODSTYPE'] ?>,'<?= $cell5[4]['GOODSID'] ?>')">
        </div>
    </div>
    <!--3 goods-->
    <img src="" data-original="<?= $img ?>/t-50.png" class="t-50">
    <div class="t-6-frame">
        <img src="" data-original="<?= $goods3[0]['IMGURL'] ?>" class="t-6"
             onclick="link('wx-good/goods-detail?goods_code=<?= $goods3[0]['GOODSCODE'] ?>')">
        <img src="" data-original="<?= $goods3[1]['IMGURL'] ?>" class="t-6"
             onclick="link('wx-good/goods-detail?goods_code=<?= $goods3[1]['GOODSCODE'] ?>')">
        <img src="" data-original="<?= $goods3[2]['IMGURL'] ?>" class="t-6"
             onclick="link('wx-good/goods-detail?goods_code=<?= $goods3[2]['GOODSCODE'] ?>')">
    </div>


    <!--new goods list-->
    <img src="" data-original="<?= $img ?>/t-70.png" class="t-70">
    <div class="t-8-frame">
        <?php
        foreach ($newgoods as $goods) {
            ?>
            <div class="goods-item-frame" onclick="link('wx-good/goods-detail?goods_code=<?= $goods['GOODSCODE'] ?>')">
                <img src="" data-original="<?= $goods['IMGURL'] ?>">
                <label><?= $goods['GOODS_NAME'] ?></label>
                <span>RMB <?= floatval($goods['PRICE']) ?></span>
            </div>
            <?php
        }
        ?>

        <!-- <div class="goods-item-frame">
            <img src="" data-original="<? /*= $img */ ?>/t-60.png">
            <label>萌萌哒小黄人翻跟斗毛绒系列产品之起身跳豆</label>
            <span>RMB 168</span>
        </div>-->

    </div>
    <!--foot-->
    <div style="height: 3em; width: 16em; float: left;"></div>

    <div class="t-tab-frame">
        <img src="" data-original="<?= $img ?>/t-tab-0.png" onclick="link('wx-good/goods-query')">
        <img src="" data-original="<?= $img ?>/t-tab-1.png" onclick="link('wx-good/goods-list')">
        <img src="" data-original="<?= $img ?>/t-tab-2.png" onclick="link('wx-good/shopping-cart')">
        <img src="" data-original="<?= $img ?>/t-tab-3.png" onclick="link('wx-home/personal-center')">
    </div>
</div>
</body>
</html>
